<layout name='layout_page' />

<div class="row">
	<div class="col-lg-12">
		<div class="row">
			<div class="col-lg-12">
				<ol class="breadcrumb">
					<li><a href="<{:U('Index/index')}>">Home</a></li>
					<li class="active"><span>Find mentors</span></li>
				</ol>
				<h1>Find mentors</h1>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12">
				<div class="main-box clearfix trainCate">
					<div class="main-box-body clearfix cateList">
						<a href="<{:U('Mentors/index')}>" class="label label-default label-large <eq name='cate' value=''>label-danger</eq>" >All</a><volist name="train" id="vo"><a href="<{:U('Mentors/index',array('cate'=>$vo['id']))}>" class="label label-default label-large <eq name='cate' value='$vo.id'>label-danger</eq>"><{$vo.name}></a></volist>
					</div>
					
				</div>
			</div>	
		</div>
		<div class="row">
			<volist name="list" id="vo">
			<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12">
				<div class="main-box clearfix profile-box-contact">
					<div class="main-box-body clearfix">
						<div class="profile-box-header gray-bg clearfix">
							<div class="profile-img">
								<img src="<{$vo.face|getFace=###}>"  class="img-responsive"/>
							</div>
							<h2><{$vo.nickname}></h2>
							<ul class="contact-details mentorInfo">
								<li><i class="fa fa-map-marker"></i> <{$vo.address}></li>
								<li><i class="fa fa-phone"></i> <{$vo.phone}></li>
								<li><i class="fa fa-calendar"></i> <{$vo.createTime|date="F,d,Y H:i:s",###}></li>
							</ul>
							<div class="mentorTrain clearfix">
								<volist name="vo.trainItem" id="f"><span class="label label-primary"><{$f.name}></span></volist>
							</div>
						</div>
						<div class="mentees-footer">
							<a href="<{:U('Mentors/detail',array('id'=>$vo['userid']))}>" class="btn btn-success"><i class="fa fa-bars"></i> Info</a>
							<a href="javascript:void(0)" onclick="sendMsg(<{$vo.userid}>,'<{$vo.nickname}>');" class="btn btn-success"><i class="fa fa-send"></i> Email</a>
							<a onclick="chat(<{$vo['userid']}>);" class="btn btn-success"><i class="fa fa-comment-o"></i> Chat</a>
						</div>
					</div>
				</div>
			</div>
			</volist>
		</div>
		<div class="row" style="text-align: center;margin-top: 20px;">
			<ul class="pagination">
				<{$page}>
			</ul>
		</div>	
	</div>
</div>

<style type="text/css">
.trainCate .cateList{padding: 20px;}
.trainCate .cateList a{margin: 0 10px 10px 0;}

/*导师列表*/
.mentorInfo{height:75px;overflow: hidden;}
.mentorInfo li{line-height:16px;margin-bottom: 5px;max-height: 32px;overflow: hidden;}
.mentorTrain{margin-top: 15px;white-space:normal; width: 107%;}
.mentorTrain span{margin: 0 10px 10px 0;display: block;float: left;}
.mentorsList{color: #344644;display: block;}
.mentorsList:hover{ text-decoration: none;}
.mentorsList .profile-box-footer{padding-left:4%;padding-right: 4%;height: 110px;overflow: hidden;}
</style>